<template>
  <div class="tag-component">
    <el-tag
      :type="datas.type"
      :size="datas.size"
      :effect="datas.effect"
      :color="datas.color"
      :hit="datas.hit"
      :round="datas.round"
      :closable="datas.closable"
      :style="datas.textColor ? { color: datas.textColor } : {}"
    >
      {{ datas.labelText }}
    </el-tag>
    
  </div>
</template>

<script>
export default {
  name: 'tag',
  props: {
    datas: {
      type: Object,
      required: true
    },
  },
}
</script>

<style scoped lang="less">
.tag-component {
  position: relative;
  display: inline-block;
}
</style> 